<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../css_sass/base.css" />
    <link rel="stylesheet" href="../css_sass/bookKeeping.css" />
    <title>记账</title>
  </head>
  <body>
    <header>
      <div><img src="../img/firstpage/close.png" alt="" /><span class="expend show">支出</span></div>
      <div class=""><span class="income">收入</span><img src="../img/firstpage/up.png" alt="" /></div>
    </header>

    <main>
      <div class="img">
        <ul class="down showUl">
          <li><img src="../img/bookkeeping/food.png" alt="" /><span>餐饮</span></li>
          <li><img src="../img/bookkeeping/foods.png" alt="" /><span>零食</span></li>
          <li><img src="../img/bookkeeping/book.png" alt="" /><span>书籍</span></li>
          <li><img src="../img/bookkeeping/traffic.png" alt="" /><span>交通</span></li>
          <li><img src="../img/bookkeeping/house.png" alt="" /><span>住房</span></li>
          <li><img src="../img/bookkeeping/payment.png" alt="" /><span>亲密付</span></li>
          <li><img src="../img/bookkeeping/card.png" alt="" /><span>信用卡</span></li>
          <li><img src="../img/bookkeeping/work.png" alt="" /><span>办公</span></li>
          <li><img src="../img/bookkeeping/doctor.png" alt="" /><span>医疗</span></li>
          <li><img src="../img/bookkeeping/play.png" alt="" /><span>娱乐</span></li>
          <li><img src="../img/bookkeeping/pet.png" alt="" /><span>宠物</span></li>
          <li><img src="../img/bookkeeping/travel.png" alt="" /><span>旅行</span></li>
          <li><img src="../img/bookkeeping/clothing.png" alt="" /><span>服饰</span></li>
          <li><img src="../img/bookkeeping/hydropower.png" alt="" /><span>水电煤</span></li>
          <li><img src="../img/bookkeeping/game.png" alt="" /><span>游戏</span></li>
          <li><img src="../img/bookkeeping/money.png" alt="" /><span>理财</span></li>
          <li><img src="../img/bookkeeping/gift.png" alt="" /><span>礼物</span></li>
          <li><img src="../img/bookkeeping/socialize.png" alt="" /><span>社交</span></li>
          <li><img src="../img/bookkeeping/beauty.png" alt="" /><span>美容</span></li>
          <li><img src="../img/bookkeeping/movement.png" alt="" /><span>运动</span></li>
          <li><img src="../img/bookkeeping/communication.png" alt="" /><span>通讯</span></li>
          <li><img src="../img/bookkeeping/other.png" alt="" /><span>其他</span></li>
        </ul>

        <ul class="up">
          <li><img src="../img/bookkeeping/wages.png" alt="" /><span>工资</span></li>
          <li><img src="../img/bookkeeping/Part-timejob.png" alt="" /><span>外快兼职</span></li>
          <li><img src="../img/bookkeeping/money.png" alt="" /><span>理财股票</span></li>
          <li><img src="../img/bookkeeping/Collectmoney.png" alt="" /><span>收款</span></li>
          <li><img src="../img/bookkeeping/Livingexpenses.png" alt="" /><span>生活费</span></li>
          <li><img src="../img/bookkeeping/lottery.png" alt="" /><span>彩票</span></li>
          <li><img src="../img/bookkeeping/Redenvelope.png" alt="" /><span>红包</span></li>
          <li><img src="../img/bookkeeping/other.png" alt="" /><span>其他</span></li>
        </ul>
      </div>

      <div class="write">
        <div>
          <input class="annotation" type="text" placeholder="点此输入备注……" />
          <input class="money" type="text" value="0.00" />
        </div>
        <ul class="title">
          <li>今天</li>
          <li class="reimbursement">报销</li>
          <li>图片</li>
        </ul>
        <ul class="keyin">
          <li class="number">1</li>
          <li class="number">2</li>
          <li class="number">3</li>
          <li class="delete"><img class="delete" src="../img/firstpage/close.png" alt="" /></li>
          <li class="number">4</li>
          <li class="number">5</li>
          <li class="number">6</li>
          <li>-</li>
          <li class="number">7</li>
          <li class="number">8</li>
          <li class="number">9</li>
          <li>+</li>
          <li class="again">再记</li>
          <li class="number">0</li>
          <li class="number">.</li>
          <li class="save">保存</li>
        </ul>
      </div>
    </main>
  </body>
  <script src="http://121.37.252.168:8080/api/static/dexie.js"></script>
  <script src="http://121.37.252.168:8080/api/static/indexdb.js"></script>

  <script src="../js/bookKeeping.js"></script>
</html>
